/* login.html */

body{
    background-image:url(/images/logon1.jpg); 
    background-size:100% 100%;
    /* opacity: 0.5; */
    background-attachment: fixed;
    background-repeat:no-repeat
  }
  #main-page{
    background-color: rgba(255, 255, 255, 0.8)
}
  a{
    color:#077add
  }
  .login-form>.row>.col-xs-4{
    width:40%;
    position: absolute;
    top:18%;
    left:40%;
  
  }
  .login-form>.row>.col-xs-4>img{
    width:30em;
    padding-bottom:4rem;
    margin-right:8rem;
  }
  .login-form>.row>.col-xs-4>form{
     padding:3rem;
     background-color:#FFFFFF;
     width:33rem;
     height:32rem;
     margin-left:1rem;
     border-radius:5px;
  }
  .forget-form{
    height:37rem !important;
  }
  .register-form{
    height:45rem !important;
  }
  .login-form>.row>.col-xs-4>form>p{
   text-align: center;
   font-size:18px;
   margin-bottom:2rem;
  }
  .login-form>.row>.col-xs-4>form>.form-group:nth-child(4){
  
    margin-bottom:1.5rem;
   }
  .login-form>.row>.col-xs-4>form>.form-inside{
    padding:1rem;
  }
  .login-btn,
  .code-btn
  {
    width:100%;
    background-color:#39A3CB;
    border:0;
    color:#fff;
    height:3.2rem;
    font-size:17px;
    border-radius: 5px;
    margin-bottom:2rem;
    padding-top:0.3rem;
  }
  .code-btn{
    font-size:10px;
    margin-bottom:0;
  }
  .login-btn,
  .form-control,
  .col-form-label
  {
    height:3.2rem;
  }
  .form-group>.col-xs-10,
  .form-group>.col-xs-6
  {
    padding-left:0;
  }
  .form-group>.col-xs-6
  {
    padding-right:0;
  }
  .col-form-label{
    background-color:#c8c8c8;
    width:3.5rem;
    margin-left:1.3rem;
    color:#fff;
    line-height:3.2rem;
    padding-left:0.6rem;
  }
  .iconfont{
   font-size:21px !important;
   font-weight: 500;
   padding-left:20%;
  }
  .icon-yanzhengma{
    font-size:25px !important;
    padding-left:15%;
  }
  .col-xs-3{
    width:32%;
  }
  .col-xs-9{
    width:68%;
  }